//增加用户
//2018-3-5 21:40:47

$(document).ready(function() {

	// 提交表单,检查表单内容
	$("#add-user-form").submit(function(e) {

		// 获取表单数据
		var data = {};
		var t = $(this).serializeArray();
		$.each(t, function() {
			data[this.name] = this.value;
		});

		console.log(data);
		var err;
		// 检查用户名
		err = $("#ck-user-name");
		if (ckUserName(data.userName)) {
			err.hide();
		} else {
			err.text("用户名由5-14位字母或数字组成");
			err.css("color", "#f00");
			err.show();
			e.preventDefault();// 取消事件的默认行为
			$("#user-name").focus();
			return;
		}

		// 检查密码
		err = $("#ck-pwd");
		if (ckPassword(data.pwd)) {
			err.hide();
		} else {
			err.text("密码由6-16位字母或数字组成");
			err.css("color", "#f00");
			err.show();
			e.preventDefault();
			$("#pwd").focus();
			return;
		}

	});

	// 检查用户名是否可以使用
	$("#ck-user-name-b").click(function() {

		var userName = $("#user-name").val();
		var err = $("#ck-user-name");

		if (ckUserName(userName)) {

			// 用户名输入正确，前往数据库查询是否可用
			// 调用jqery框架的 post方法，向服务器提交内容
			// url,data,success backdata,
			$.post("CheckUserName", {
				"userName" : userName
			}, function(data) {

				if (data.flag) {// 获取返回的json对象的flag属性的值
					err.text("用户名已经存在，请重新输入")
					err.css("color", "#f00");
					err.show();
					$("#user-name").focus();
					return false;
				} else {
					err.text("用户名可以使用")
					err.css("color", "#0a0");
					err.show();
					return true;
				}
			}, "json");

		} else {
			err.text("用户名由5-14位字母或数字组成")
			err.css("color", "#f00");
			$("#user-name").focus();
			err.show();
		}

	});

});

// 检查用户名
function ckUserName(userName) {
	// 用户名正则，5到14位（字母，数字）
	var uPattern = /^[a-zA-Z0-9]{5,14}$/;
	var flag = true;
	if (!uPattern.test(userName)) {
		flag = false;
	}
	return flag;
}

// 检查密码
function ckPassword(password) {
	// 密码正则，6到16位（字母，数字）
	var uPattern = /^[a-zA-Z0-9]{6,16}$/;
	var flag = true;
	if (!uPattern.test(password)) {
		flag = false;
	}
	return flag;
}
